<template>
  <div class="box">
    <span>{{valueList.text}}</span>
    <van-grid square>
      <van-grid-item v-for="value in valueList.valueList" :key="value.index" :icon="value.iconImg" :text="value.text"
        :color="value.color" />
    </van-grid>
    <van-button v-if="valueList.button" round type="info" block>{{valueList.button}}</van-button>
  </div>
</template>

<script>
export default {
  name: 'ToolsLsit',
  props: {
    valueList: Object
  },
  data () {
    return {
    }
  },
  created () {
  }
}
</script>
<style scoped lang='less'>
  .box {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    text-align: left;
    margin: 0px 10px 10px;
  }
</style>
